<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        <meta name="description" content="Striker HTML5 Template">
        <title>Toy Store Html Template</title>
        <link rel="shortcut icon" type="image/x-icon" href="./media/favicon.png">
        <link rel="stylesheet" href="./css/bootstrap.min.css">
        <link rel="stylesheet" href="./css/font-awesome.css">
        <link rel="stylesheet" href="./css/slick.css">
        <link rel="stylesheet" href="./css/slick-theme.css">
        <link rel="stylesheet" href="./css/ionrangeslider.css">
        <link rel="stylesheet" href="./css/aksVideoPlayer.css">
        <link rel="stylesheet" href="./css/app.css">
    </head>
    <body>
        <div id="preloader" style="display: none;">
            <div class="pyramid-loader">
                <div class="loader"></div>
            </div>
        </div>
        <a href="#main-wrapper" id="backto-top" class="back-to-top">
            <i class="fas fa-angle-up"></i>
        </a>
        <div id="main-wrapper" class="main-wrapper overflow-hidden">
            <header class="large-screens">
                <div class="container-fluid">
                    <nav class="navbar navbar-expand-lg p-0">
                        <div class="collapse navbar-collapse" id="mynavbar">
                            <div class="left-nav">
                                <a href="index.html" class="navbar-brand m-0 p-0">
                                    <img alt src="./media/logo.png">
                                </a>
                                <ul class="navbar-nav m-0">
                                    <li class="has-children">
                                        <a href="javascript:void(0);">Home</a>
                                        <ul class="submenu">
                                            <li>
                                                <a href="index.html">Home 1</a>
                                            </li>
                                            <li>
                                                <a href="index-2.html">Home 2</a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li class="menu-item">
                                        <a href="about.html">About us</a>
                                    </li>
                                </ul>
                            </div>
                            <div class="search-block">
                                <form action="shop-listing-1.html" class="input-group search-bar">
                                    <input type="text" placeholder="Search..." required>
                                    <button class="search" type="submit">
                                        <i class="far fa-search search-icon"></i>
                                    </button>
                                </form>
                            </div>
                            <div class="right-nav">
                                <ul class="navbar-nav m-0">
                                    <li class="has-children">
                                        <a href="javascript:void(0);">Shop</a>
                                        <ul class="submenu">
                                            <li>
                                                <a href="shop-listing-1.html">Shop Grid </a>
                                            </li>
                                            <li>
                                                <a href="shop-listing-2.html">Shop Listing</a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li class="has-children">
                                        <a href="javascript:void(0);">Pages</a>
                                        <ul class="submenu">
                                            <li>
                                                <a href="blog.html">Blog</a>
                                            </li>
                                            <li>
                                                <a href="blog-detail.html" class="active">Blog Detail</a>
                                            </li>
                                            <li>
                                                <a href="product-detail.html">Product Detail</a>
                                            </li>
                                            <li>
                                                <a href="cart.html">Cart</a>
                                            </li>
                                            <li>
                                                <a href="checkout.html">Checkout</a>
                                            </li>
                                            <li>
                                                <a href="wishlist.html">Wishlist</a>
                                            </li>
                                            <li>
                                                <a href="contact.html">Contact</a>
                                            </li>
                                        </ul>
                                    </li>
                                </ul>
                                <ul class="navbar-nav m-0">
                                    <li class="menu-item">
                                        <a href="cart.html">
                                            <i class="fal fa-shopping-cart"></i>
                                        </a>
                                    </li>
                                    <li class="menu-item">
                                        <a href="wishlist.html">
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </nav>
                </div>
            </header>
            <header class="small-screen">
                <div class="container-fluid">
                    <div class="mobile-menu">
                        <div>
                            <a class="navbar-brand" href="index.html">
                                <img alt src="./media/logo.png">
                            </a>
                        </div>
                        <div class="hamburger-menu">
                            <div class="bar"></div>
                        </div>
                    </div>
                    <nav class="mobile-navar d-xl-none">
                        <ul>
                            <li class="has-children">
                                Home <span class="icon-arrow"></span>
                                <ul class="children">
                                    <li>
                                        <a href="index.html">Home 1</a>
                                    </li>
                                    <li>
                                        <a href="index-2.html">Home 2</a>
                                    </li>
                                </ul>
                            </li>
                            <li class="has-children">
                                Pages <span class="icon-arrow"></span>
                                <ul class="children">
                                    <li>
                                        <a href="about.html">About us</a>
                                    </li>
                                    <li>
                                        <a href="blog.html" class="">Blog</a>
                                    </li>
                                    <li>
                                        <a href="blog-detail.html" class="active">Blog Detail</a>
                                    </li>
                                    <li>
                                        <a href="product-detail.html">Product Detail</a>
                                    </li>
                                    <li>
                                        <a href="cart.html">Cart</a>
                                    </li>
                                    <li>
                                        <a href="checkout.html">Checkout</a>
                                    </li>
                                    <li>
                                        <a href="wishlist.html">Wishlist</a>
                                    </li>
                                    <li>
                                        <a href="contact.html">Contact</a>
                                    </li>
                                </ul>
                            </li>
                            <li>
                                <a href="wishlist.html">Wishlist</a>
                            </li>
                            <li class="has-children">
                                Shop <span class="icon-arrow"></span>
                                <ul class="children">
                                    <li>
                                        <a href="shop-listing-1.html">Shop Grid</a>
                                    </li>
                                    <li>
                                        <a href="shop-listing-2.html">Shop Listing</a>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </nav>
                </div>
            </header>
            <div class="page-title-banner">
                <div class="container">
                    <div class="left-right-image">
                        <img src="./media/page-title-banner/img-1.png" class="left-img" alt>
                        <img src="./media/page-title-banner/img-2.png" class="right-img" alt>
                    </div>
                    <div class="content">
                        <div class="title">
                            <h2>Blog Detail</h2>
                        </div>
                    </div>
                </div>
            </div>
            <div class="page-content">
                <section class="blog-detail p-96">
                    <div class="container">
                        <div class="row">
                            <div class="col-xl-3 mb-xl-0 mb-32">
                                <div class="mb-32">
                                    <form action="blog-detail.html" class="input-group search-bar">
                                        <input type="text" placeholder="Search..." required/>
                                        <button class="search" type="submit">
                                            <i class="far fa-search search-icon"></i>
                                        </button>
                                    </form>
                                </div>
                                <div class="categories-block mb-32">
                                    <h2 class="h-27 bold light-black mb-16">Categories </h2>
                                    <ul class="categorie unstyled">
                                        <li>
                                            <a href="">Lego Bricks</a>
                                        </li>
                                        <li>
                                            <a href="">Plush Toys</a>
                                        </li>
                                        <li>
                                            <a href="">Remote Control</a>
                                        </li>
                                        <li>
                                            <a href="">Toy Sets</a>
                                        </li>
                                    </ul>
                                </div>
                                <div class="tag">
                                    <h2 class="h-27 bold light-black mb-16">Tags </h2>
                                    <ul class="unstyled">
                                        <li>
                                            <a href="">#toys</a>
                                        </li>
                                        <li>
                                            <a href="">#kids</a>
                                        </li>
                                        <li>
                                            <a href="">#children</a>
                                        </li>
                                        <li>
                                            <a href="">#legos</a>
                                        </li>
                                        <li>
                                            <a href="">#toyideas</a>
                                        </li>
                                        <li>
                                            <a href="">#playtime</a>
                                        </li>
                                        <li>
                                            <a href="">#kidsactivites</a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="col-xl-9">
                                <div class="author-detail mb-32">
                                    <div class="author mb-24">
                                        <div class="frame sec">
                                            <img src="./media/author/img-7.png" alt="">
                                            <div class="text">
                                                <h5>Author:</h5>
                                                <p>Michal Clark</p>
                                            </div>
                                        </div>
                                        <div class="frame w-196">
                                            <div class="text">
                                                <h5>Published Date</h5>
                                                <p>8 September 2023</p>
                                            </div>
                                        </div>
                                        <div class="frame">
                                            <div class="text">
                                                <h5>Category</h5>
                                                <p>Construction</p>
                                            </div>
                                        </div>
                                    </div>
                                    <h2 class="h-47 bold light-black">Toyland Treasures:Discover the Fun!</h2>
                                </div>
                                <div class="detail">
                                    <p class="light-black mb-24">Lorem ipsum dolor sit amet consectetur. Neque nisi at viverra fringilla justo. Ultrices etiam et leo ornare sit arcu tortor. Ultrices nisl at scelerisque augue. Libero adipiscing est commodo facilisis volutpat. Quis duis neque sem at. Tellus pharetra varius laoreet libero sit. Aliquam mattis cursus pretium ipsum nullam viverra dictum pellentesque donec. Ultrices aliquet est vitae at donec leo.</p>
                                    <img src="./media/blog/img-7.png" class="w-100 br-30 mb-24" alt="">
                                    <p class="light-black mb-24">Felis non venenatis mauris aenean condimentum facilisis. Metus enim malesuada ultrices netus in hendrerit purus. Nulla ullamcorper at imperdiet id sit. Adipiscing mi morbi dignissim ac dolor enim. Ac tellus donec faucibus risus tincidunt mi. Nunc dolor libero vitae tincidunt egestas sit accumsan at. Fermentum mattis venenatis erat viverra sit iaculis magna aliquet. Nisi scelerisque viverra elementum aliquet consectetur ut sit. Sed et velit et sollicitudin eget vivamus odio pellentesque.</p>
                                    <div class="inner-text mb-24">
                                        <div class="left-svg">
                                        </div>
                                        <p class="h-27 light-black bold">Felis non venenatis mauris aenean condimentum facilisis. Met enim malesuada ultrices netus in hendrerit purus. </p>
                                        <div class="right-svg">
                                        </div>
                                    </div>
                                    <p class="light-black mb-24">Felis non venenatis mauris aenean condimentum facilisis. Metus enim malesuada ultrices netus in hendrerit purus. Nulla ullamcorper at imperdiet id sit. Adipiscing mi morbi dignissim ac dolor enim. Ac tellus donec faucibus risus tincidunt mi. Nunc dolor libero vitae tincidunt egestas sit accumsan at. Fermentum mattis venenatis erat viverra sit iaculis magna aliquet. Nisi scelerisque viverra elementum aliquet consectetur ut sit. Sed et velit et sollicitudin eget vivamus odio pellentesque.</p>
                                    <p class="light-black">Felis non venenatis mauris aenean condimentum facilisis. Metus enim malesuada ultrices netus in hendrerit purus. Nulla ullamcorper at imperdiet id sit. Adipiscing mi morbi dignissim ac dolor enim. Ac tellus donec faucibus risus tincidunt mi. Nunc dolor libero vitae tincidunt egestas sit accumsan at. Fermentum mattis venenatis erat viverra sit iaculis magna aliquet. Nisi scelerisque viverra elementum aliquet consectetur ut sit. Sed et velit et sollicitudin eget vivamus odio pellentesque.</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
                <section class="blog ">
                    <div class="container">
                        <div class="heading mb-48 text-center">
                            <h2>Read Toy Stories</h2>
                        </div>
                        <div class="row">
                            <div class="col-lg-4 col-md-6">
                                <div class="blog-card mb-24 mb-lg-0">
                                    <img src="./media/blog/img-1.png" class="w-100" alt="">
                                    <div class="content">
                                        <h4 class="color-black h-27 mb-16">Gifts of Joy:Perfect Presents for Kids</h4>
                                        <div class="name-btn">
                                            <div class="name">
                                                <img src="./media/author/img-1.png" alt="">
                                                <p class="medium-black">Author’s name</p>
                                            </div>
                                            <a href="blog-detail.html" class="light-btn primary">
                                                Button <i class="far fa-angle-right"></i>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-4 col-md-6">
                                <div class="blog-card mb-24 mb-lg-0">
                                    <img src="./media/blog/img-2.png" class="w-100" alt="">
                                    <div class="content">
                                        <h4 class="color-black h-27 mb-16">Toyland Treasures:Discover the Fun!</h4>
                                        <div class="name-btn">
                                            <div class="name">
                                                <img src="./media/author/img-2.png" alt="">
                                                <p class="medium-black">Author’s name</p>
                                            </div>
                                            <a href="blog-detail.html" class="light-btn primary">
                                                Button <i class="far fa-angle-right"></i>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-4 col-md-6 offset-lg-0 offset-md-3">
                                <div class="blog-card ">
                                    <img src="./media/blog/img-3.png" class="w-100" alt="">
                                    <div class="content">
                                        <h4 class="color-black h-27 mb-16">Tiny Tots,Big Fun:Toys for Little Ones</h4>
                                        <div class="name-btn">
                                            <div class="name">
                                                <img src="./media/author/img-3.png" alt="">
                                                <p class="medium-black">Author’s name</p>
                                            </div>
                                            <a href="blog-detail.html" class="light-btn primary">
                                                Button <i class="far fa-angle-right"></i>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
            </div>
            <footer class="bg-light-blue p-96 pb-4">
                <div class="container">
                    <div class="footer-main mb-64">
                        <div class="footer-info">
                            <div class="footer-about">
                                <div class="logo mb-16">
                                    <a href="blog.html">
                                        <img src="./media/logo.png" alt>
                                    </a>
                                </div>
                                <p class="color-white mb-32">
                                    Welcome to our world of imagination <br>
                                    and play!At Sarah's Toy Emporium,we <br>
                                    believe in creating magical experiences <br>for children and igniting their joy.
                                </p>
                                <div class="contact">
                                    <ul class="contact-list unstyled">
                                        <li class="mb-32">
                                            <a href="">
                                                <i class="fal fa-phone-alt"></i>
                                                <span>+1 233 898 0897</span>
                                            </a>
                                        </li>
                                        <li class>
                                            <a href="mailto:info@example.com">
                                                <i class="fal fa-envelope"></i>
                                                <span>email@example.com</span>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="newsletter">
                                <h3 class="mb-24">Subscribe to our Newsletter</h3>
                                <form action="./blog-detail.html" class>
                                    <input type="email" id="email" placeholder="Email" class="form-control mb-16" required>
                                    <button type="submit" class="cus-btn primary w-100">Subscribe</button>
                                </form>
                                <ul class="unstyled social-icons">
                                    <li>
                                        <a href="blog-detail.html">
                                            <i class="fab fa-facebook-f"></i>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="blog-detail.html">
                                            <i class="fab fa-twitter"></i>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="blog-detail.html">
                                            <i class="fab fa-snapchat-ghost"></i>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="blog-detail.html">
                                        </a>
                                    </li>
                                </ul>
                            </div>
                            <div class="menu">
                                <h3 class="color-white mb-8">Important Links</h3>
                                <ul class="link unstyled">
                                    <li class>
                                        <a href="index.html">– Home</a>
                                    </li>
                                    <li class>
                                        <a href="cart.html">– Cart</a>
                                    </li>
                                    <li class>
                                        <a href="shop-listing-1.html">– Shop</a>
                                    </li>
                                    <li class>
                                        <a href="checkout.html">– Checkout</a>
                                    </li>
                                    <li class>
                                        <a href="about.html">– About</a>
                                    </li>
                                    <li class>
                                        <a href="product-detail.html">– Product Detail</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <p class="color-white text-center">
                        ©2023 Cricket Pulse All Rights By <a href="http://www.bootstrapmb.com">bootstrapMB</a>
                        .
                    </p>
                </div>
            </footer>
        </div>
    </body>
</html>
